<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
#mask {
	background-color: #666;
	background:
		url(http://keyframe.com.br/wp-content/uploads/2013/01/bg_pop.png)
		repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
	display: none;
}

#popup {
	background-color:white;
	box-shadow: 10px 10px 5px #888888;
	border-radius:5px;
	color: #000066;
	height: 200px;
	display: none;
	left: 50%;
	margin-left: -250px;
	margin-top: -158px;
	padding: 0;
	position: fixed;
	top: 32%;
	width: 500px;
	z-index: 9999;
}
</style>
</h:head>
<body>

	<div id="mask" onclick="javascript: fechar();"></div>
	<div id="popup" class="popup">
		<div id="fechar" style="position:absolute;left: 90%;top: -10px">
			<a href="javascript: fechar();" ><img src="resources/imagens/close.png"></img></a>
		</div>
		<div>
			<h:form id="formLogin">
				<h:panelGrid>
					<p:messages id="messages" showDetail="true" autoUpdate="true"
						closable="true" rendered="#{loginBean.estaLogado==false}"/>
					<p:outputLabel value="Login" />
					<p:inputText id="login" value="#{loginBean.usuario.login}" />
					<p:outputLabel value="Senha" />
					<p:inputText id="senha" value="#{loginBean.usuario.senha}" />
					<p:commandButton id="btLogar"
						action="#{loginBean.autenticarUsuario}" update="@form" />
				</h:panelGrid>

			</h:form>
		</div>
	</div>
</body>
</html>
